<template>
	<view class="content">
		<view class="bg">
			<image class="bg-img" src="/static/img/etc-bg.png" mode="widthFix"></image>
		</view>
		<!-- <view class="back-icon">
			<uni-icons type="back" color="#fff" size="25"  @click="goBack"></uni-icons>
		</view> -->
		
		<view class="title">ETC注销服务说明</view>
		
		<view class="box">
			<view class="box-item">
				<image class="item-img" src="/static/img/service1.png" mode="widthFix"></image>
				<view class="item-txt">1. 平台根据用户信息查询ETC发行省份和发行时间，进行代注销服务。</view>
			</view>
			<view class="box-item">
				<image class="item-img" src="/static/img/service2.png" mode="widthFix"></image>
				<view class="item-txt">2. 注销的ETC状态必须是正常的，无通行费欠费，无黑名单等情况。</view>
			</view>
			<view class="box-item">
				<image class="item-img" src="/static/img/service3.png" mode="widthFix"></image>
				<view class="item-txt">3. ETC注销需要上传办理时的身份证，行驶证照片。（所提供的资料仅用于ETC注销业务办理）</view>
			</view>
			<view class="box-item">
				<image class="item-img" src="/static/img/service4.png" mode="widthFix"></image>
				<view class="item-txt">4. 满足发行方注销条件的，需收取平台代办费用。</view>
			</view>
			<view class="box-item">
				<image class="item-img" src="/static/img/service5.png" mode="widthFix"></image>
				<view class="item-txt">5. 注销时间为1到5天不等，不同省份注销时间不同，如注销失败，可全额退款。</view>
			</view>
			
			<view class="box-down">
				友情提示：证件四周要留白，不要缺角、不要折叠，背景尽量干净整洁，这样注销通过率才会高。
			</view>
			
		</view>
		
	</view>
</template>

<script lang="ts">
// @ts-nocheck
import Vue from 'vue';
	export default Vue.extend({
		data() {
			return {
				
			}
		},
		methods: {
			goBack(){
            uni.navigateBack()
         }
		}
	})
</script>

<style scoped>
	.content{
		padding-bottom: 70rpx;
	}
	.bg{
		width: 750rpx;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
      /* padding-left: 20rpx; */
	}
	.bg-img{
		width: 750rpx;
		height: 100%;
      /* margin-left: 20rpx; */
	}
	
	.back-icon{
		margin-top: 100rpx;
      padding-left: 12rpx;
	}
	
	.title{
		text-align: center;
		font-size: 50rpx;
		color: #fff;
		margin-top: 73rpx;
		margin-bottom: 44rpx;
	}
	
	.box{
		margin: 0 30rpx;
		padding: 32rpx 24rpx;
		padding-bottom: 44rpx;
		background-color: #fff;
		border-radius: 20rpx;
	}
	.box-item{
		display: flex;
		align-items: center;
		padding: 16rpx 20rpx;
		border-radius: 20rpx;
		background: linear-gradient(to right,#F5F5F7,#F4F5F7);
		margin-bottom: 26rpx;
	}
	.item-img{
		width: 118rpx;
		height: 118rpx;
		border-radius: 50%;
		margin-right: 16rpx;
	}
	.item-txt{
		width: 465rpx;
		line-height: 40rpx;
		font-size: 26rpx;
	}
	.box-down{
		border-radius: 20rpx;
		background: linear-gradient(to right,#F8D9A0,#FBEDBC);
		padding: 40rpx 36rpx 38rpx 42rpx;
		font-size: 24rpx;
		color: #BC6712;
		line-height: 40rpx;
	}
</style>
